//该文件用于创建vuex中最核心的store

import Vue from 'vue'
//引入Vuex
import Vuex from 'vuex'

//应用(使用)vuex插件
Vue.use(Vuex)

//准备actions。用于响应组件中的动作
const actions = {
    // addFun(context,value){
    //     // console.log("addFun",context,value)
    //     // context:是mini版的store
    //     context.commit('addFun',value)
    // },
    // subtractFun(context,value){
    //     context.commit('subtractFun',value)
    // },
    addOddFun(context,value){
        if(context.state.sum % 2){
            context.commit('addFun',value)
        }
    },
    addWaitFun(context,value){
        setTimeout(()=>{
            context.commit('addFun',value)
        },500)
    }
};
//准备mutations。用于操作数据(state)
const mutations = {
    addFun(state,value){
        // console.log('mutations中的addFun',state,value)
        state.sum += value
    },
    subtractFun(state,value){
        state.sum -= value
    }
};
//准备state。用于存储数据
const state = {
    sum:0//当前的和
}

/*
//创建store
const store = new Vuex.Store({
    actions,
    mutations,
    state
})

//导出(暴露)store
export default store
 */
export default new Vuex.Store({
    actions,
    mutations,
    state
})